.knowledge{
    width: 100%;
    overflow: auto;
    .knowledge_head{
        width: 95%;
        margin: 25px auto;
        background-color: white;
        .ant-form,.ant-form-horizontal{
            width: 100%;
            height: 100%;
            padding-top: 30px;
            padding-bottom: 10px;
            display: flex;
            flex-wrap: wrap;
            // align-items: center;
            .ant-row,.ant-form-item:nth-child(5){
                width: 97%;
                text-align: right;
                button{
                    margin-right: 15px;
                }
            }
        }
    }
    .knowledge_main{
        width: 95%;
        margin: 25px auto;
        background-color: white;
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 50px;
        >div{
            width: 301px;
            height: 257px;
            margin: 20px 6px 0 6px;
            border: solid 1px #ddd;
            .imgs{
                width: 100%;
                height: 120px;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            .txt{
                width: 100%;
                margin: 20px 0;
                p{
                    width: 90%;
                    height: 15px;
                    font-size: 15px;
                    margin-left: 30px;
                }
            }
            .icos{
                width: 100%;
                height: 40px;
                margin-top: 30px;
                display: flex;
                border-top: solid 1px #ddd;
                li{
                    flex: 1;
                    text-align: center;
                    line-height: 40px;
                    border-right: solid 1px #ddd;
                    cursor: pointer;
                    font-size: 16px;
                }
                li:nth-child(4){
                    border-right: none;
                }
            }
        }
    }
}